<html>
    <%@ taglib uri="http://java.sun.com/jsf/core" prefix="f" %>
    <%@ taglib uri="http://java.sun.com/jsf/html" prefix="h" %>
    <%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
    <%@taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
    <head>
        <title>Red Social</title>
        <link href="./css/estilos.css" rel="stylesheet" type="text/css"/>
        <script type="text/javascript" src="js/jquery-1.4.3.min.js"></script>
    </head>
    <body>
        <f:view>
            <div id="contenido">
                <jsp:include page="cabecera.jsp"/>
                <jsp:include page="izquierda.jsp"/>
                <div id="columnaCentral">
                    <div id="centro">
                        <h:outputText id="message" value="#{listaamigosBean.error}"/>
                        <div id="aniadirAmigo">
                            <h:form id="formBuscarAmigosLista">
                                <div id="buscarAmigosLista">
                                    <p><fmt:bundle basename="redinftel/properties/mensaje">
                                            <fmt:message key="lista.mensaje1"/></fmt:bundle></p>
                                        <h:inputText value="#{listaamigosBean.cadena}"/>
                                        <h:commandButton action="#{listaamigosBean.buscarAmigo}" styleClass="buscarUsuarios"/>
                                </div>
                                <br/><br/>
                            </h:form>
                            <table class="amigos">

                                <c:forEach items="${listaamigosBean.resultadoBusqueda}" var="amigo1">
                                    <tr>
                                        <td>
                                            <h:form>
                                                <h:commandButton styleClass="agregarAmigo" action="#{listaamigosBean.doAgregarAmigo}"/>
                                                <a href="perfil.jsp?idAmigo=${amigo1.perfil.idUsuario}">${amigo1.perfil.nombre} ${amigo1.perfil.apellidos}</a>
                                                <input type="hidden" value="${amigo1.idUsuario}" name="idAmigoSeleccionado"/>
                                                <br/>
                                            </h:form>
                                        </td>
                                    </tr>
                                </c:forEach>
                            </table>
                            <br/>

                        </div>
                        <div id="capaAmigos">

                            <p> <fmt:bundle  basename="redinftel/properties/mensaje"><fmt:message key="lista.mensaje2"/></fmt:bundle></p>

                            <table class="amigos">
                                <c:forEach items="${listaamigosBean.amigos}" var="amigo">
                                    <tr>
                                        <td>
                                            <h:form>
                                                <input type="hidden" value="${amigo.idUsuario}" name="idAmigo1"/>
                                                <h:commandButton styleClass="quitarAmigoLista" action="#{listaamigosBean.doQuitarAmigo}"/>
                                                <a href="perfil.jsp?idAmigo=${amigo.perfil.idUsuario}">${amigo.perfil.nombre} ${amigo.perfil.apellidos}</a>
                                            </h:form>
                                        </td>

                                    </tr>
                                </c:forEach>
                            </table>

                        </div>
                    </div>
                </div>
                <jsp:include page="derecha.jsp"/>
            </div>
            <jsp:include page="pie.jsp"/>
        </f:view>
    <body>
</html>


